.CodeRay {
  background-color: #141414;
  border: 1px solid silver;
  color: #ccc;
}
.CodeRay pre {
  margin: 0px;
}

span.CodeRay { white-space: pre; border: 0px; padding: 2px; }

table.CodeRay { border-collapse: collapse; width: 100%; padding: 2px; }
table.CodeRay td { padding: 2px 4px; vertical-align: top; }

.CodeRay .line-numbers {
  background-color: #ccc;
  color: gray;
  text-align: right;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.CodeRay .line-numbers a {
  background-color: #ccc !important;
  color: gray !important;
  text-decoration: none !important;
}
.CodeRay .line-numbers a:target { color: maroon !important; font-weight:bold; }
.CodeRay .line-numbers .highlighted { color: red !important; }
.CodeRay .line-numbers .highlighted a { color: red !important; }
.CodeRay span.line-numbers { padding: 0px 4px; }
.CodeRay .line { display: block; float: left; width: 100%; }
.CodeRay .code { width: 100%; }
.CodeRay pre { background:none !important; padding:none !important; border:none !important; }
.CodeRay .code pre { overflow: auto; }

.CodeRay .debug { color: white !important; background: blue !important; }

.CodeRay .annotation { color:#007 }
.CodeRay .attribute-name { color:#9b703f }
.CodeRay .attribute-value { color:#700 }
.CodeRay .binary { color:#509 }
.CodeRay .char .content { color:#D20 }
.CodeRay .char .delimiter { color:#710 }
.CodeRay .char { color:#D20 }
.CodeRay .class { color:#9b703f }
.CodeRay .class-variable { color:#9b703f }
.CodeRay .color { color:#cf6a4c }
.CodeRay .comment { color:#5f5a60; font-style:italic; }
.CodeRay .comment .char { color:#444 }
.CodeRay .comment .delimiter { color:#444 }
.CodeRay .complex { color:#A08 }
.CodeRay .constant { color:#cf6a4c; }
.CodeRay .decorator { color:#B0B }
.CodeRay .definition { color:#099; font-weight:bold }
.CodeRay .delimiter {  }
.CodeRay .directive { color:#088; font-weight:bold }
.CodeRay .doc { color:#970 }
.CodeRay .doc-string { color:#D42; font-weight:bold }
.CodeRay .doctype { color:#9b703f }
.CodeRay .entity { color:#800; font-weight:bold }
.CodeRay .error {  }
.CodeRay .escape  { color:#666 }
.CodeRay .exception { color:#cf6a4c; font-weight:bold }
.CodeRay .float { color:#cf6a4c }
.CodeRay .function { color:#9b703f }
.CodeRay .global-variable { color:#d70 }
.CodeRay .hex { color:#02b }
.CodeRay .imaginary { color:#f00 }
.CodeRay .include { color:#B44; font-style:italic; }
.CodeRay .inline { background-color: hsla(0,0%,0%,0.07); color: black }
.CodeRay .inline-delimiter { font-style:italic; color: #666666 }
.CodeRay .instance-variable { color:#7587A6 }
.CodeRay .integer  { color:#cf6a4c }
.CodeRay .key .char { color:#f9ee98 }
.CodeRay .key .delimiter { color: #f9ee98 }
.CodeRay .key { color: #f9ee98 }
.CodeRay .keyword { color:#cea869; }
.CodeRay .label { color:#970; font-weight:bold }
.CodeRay .local-variable { color:#963 }
.CodeRay .namespace { color:#707; font-weight:bold }
.CodeRay .octal { color:#40E }
.CodeRay .operator { }
.CodeRay .predefined { color:#7587a6; }
.CodeRay .predefined-constant { color:#7587a6 }
.CodeRay .predefined-type { color:#0a5; font-weight:bold }
.CodeRay .preprocessor { color:#579 }
.CodeRay .pseudo-class { color:#9b703f; font-style:italic; }
.CodeRay .regexp { color:#cea869 }
.CodeRay .regexp .char { color:#cea869 }
.CodeRay .reserved { color:#080; font-weight:bold }
.CodeRay .shell { color:#8F9D6A }
.CodeRay .string .char { color: #8f9d6a }
.CodeRay .string .content { color: #8f9d6a }
.CodeRay .string .delimiter { color: #8f9d6a }
.CodeRay .string .modifier { color: #8f9d6a }
.CodeRay .string {  }
.CodeRay .symbol .content { color:#A60 }
.CodeRay .symbol .delimiter { color:#630 }
.CodeRay .symbol { color:#A60 }
.CodeRay .tag { color:#9b703f; }
.CodeRay .type { color:#9B703F }
.CodeRay .value { color: #cf6a4c; }
.CodeRay .variable  { color:#7587a6 }

.CodeRay .insert { background: hsla(120,100%,50%,0.12) }
.CodeRay .delete { background: hsla(0,100%,50%,0.12) }
.CodeRay .change { color: #bbf; background: #555; }
.CodeRay .head { color: #f8f; background: #333 }
.CodeRay .head .filename { color: white; }

.CodeRay .delete .eyecatcher { background-color: hsla(0,100%,50%,0.2); border: 1px solid hsla(0,100%,45%,0.5); margin: -1px; border-bottom: none; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.CodeRay .insert .eyecatcher { background-color: #253b22; border: 1px solid hsla(120,100%,25%,0.5); margin: -1px; border-top: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

.CodeRay .insert .insert { color: #999; background:transparent; font-weight:bold }
.CodeRay .delete .delete { color: #999; background:transparent; font-weight:bold }
.CodeRay .change .change { color: #88f }
.CodeRay .head .head { color: #f4f }


table.CodeRay {
  width: auto;
}

#main .example {
  width: 960px;
  overflow: auto;
}

#main .CodeRay pre {
  font-size: 13px ! important;
  line-height: 15px;
}